import { Layout } from "@/router/constant";
import { AlertCircle } from "@vicons/ionicons5";
import { renderIcon } from "@/utils/index";

/**
 * @param name 路由名称, 必须设置,且不能重名
 * @param meta 路由元信息（路由附带扩展信息）
 * @param redirect 重定向地址, 访问这个路由时,自定进行重定向
 * @param meta.disabled 禁用整个菜单
 * @param meta.title 菜单名称
 * @param meta.icon 菜单图标
 * @param meta.keepAlive 缓存该路由
 * @param meta.sort 排序越小越排前
 *
 * */
const routes = [
  {
    path: "/exception",
    name: "Exception",
    redirect: "/exception/403",
    component: Layout,
    meta: {
      title: "异常页面",
      icon: renderIcon(AlertCircle),
      sort: 3,
    },
    children: [
      {
        path: "403",
        name: "exception-403",
        meta: {
          title: "403",
        },
        component: () => import("@/views/exception/403.vue"),
      },
      {
        path: "404",
        name: "exception-404",
        meta: {
          title: "404",
        },
        component: () => import("@/views/exception/404.vue"),
      },
      {
        path: "500",
        name: "exception-500",
        meta: {
          title: "500",
        },
        component: () => import("@/views/exception/500.vue"),
      },
    ],
  },
];

export default routes;
